<script lang="ts">
    import { link, push, replace } from "svelte-spa-router";
  </script>
  
  <div class="text-center h-full my-10">
    <h1>此页为站点页</h1>
  
      
    <a href="#/site/config/6" class="mr-5">a标签跳转去站点配置页</a>
    <a href="/site/7" use:link>use:link跳转去站点配置页</a>
  
    <h2 class="text-xl">编程式路由</h2>
    <button on:click={()=>push('/site/config/6')} class="bg-blue-500 text-white px-4 py-2 rounded-md mr-5">站点配置(push)</button>
    <button on:click={()=>replace('/site/config/7')} class="bg-blue-500 text-white px-4 py-2 rounded-md">站点配置(replace)</button>
  </div>